﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masters/SecuredInterna.Master" AutoEventWireup="true" CodeBehind="transferenciasBancos.aspx.cs" Inherits="BancoIdeal.secured.transferenciasBancos" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitlePageSecured" runat="server">
    Transferencias a otras cuentas
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <script src="../scripts/util.js" type="text/javascript"></script>
	<script src="../scripts/jquery.numeric.js" type="text/javascript"></script>
	<script type="text/javascript">
	    var dirProductos = "/WS/Productos.asmx";
	    var tituloBanco = "";
	    $( document ).ready( function () {
	    	loadingModal();
	        LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetProductosCaptacion', OnErrorCall, OnSuccessCallDatosCuentas );
	    } );

	    function OnErrorCall( response ) {
	    	alert( response.status + " " + response.statusText );
	    }

	    function OnSuccessCallDatosCuentas( response ) {
	    	response = eval( "( " + response.d + " )" );
	    	for ( var i = 0; i < response.length; i++ ) {
	    		if ( response[i].IdProducto == 1 || response[i].IdProducto == 2 ) {
	    			$( "#idTableCuenta" ).append( '<tr><td width="30"><div class="RadioButtonContainer"><span class="checkBoxUnChecked"><input type="radio" name="OrigenFondosCuentaAhorros" id="OrigenFondosCuentaAhorros" value="' + response[i].IdProductoCliente + '"/></span></div></td><td><label><strong>' + response[i].NombreProductoCliente + '</strong></label><br /><span class="textGris margenleft-20">Disponible:</span><br /><span class="saldoCuenta textoColor margen5 margenleft-20">$ ' + response[i].Saldo + '</span></td></tr>' );
	    		}
	    	}
	    	FunTransferencias();
	    	$( '.CheckBoxContainer input' ).unbind( 'click' );
	    	$( '.RadioButtonContainer input' ).unbind( 'click' );
	    	$( '.CheckBoxContainer input' ).bind( 'click', CambiarCheckFondo );
	    	$( '.RadioButtonContainer input' ).bind( 'click', CambiarRadioFondo );

	    	$( '#btnTransferir' ).click( function () {
	    		if ( $( 'input:radio[name=OrigenFondosCuentaAhorros]:checked' ).val() == undefined
                || $( "#montoTransferir" ).val() == '' || $( "#montoTransferir" ).val() == null
                || $( "#cuentaTransferir" ).val() == '' || $( "#cuentaTransferir" ).val() == null
                || $( 'input:radio[name=ActualizarInfoCliente]:checked' ).val() == undefined ) {
	    			loadingMessage( "Datos Incompletos" );
	    			return;
	    		}
	    		var descripcion = "Transferencia a " + tituloBanco + ": Cuenta " + $( "#cuentaTransferir" ).val();
	    		loadingModal();
	    		LlamadoAjax( "{ idProductoClienteOrigen: '" + $( 'input:radio[name=OrigenFondosCuentaAhorros]:checked' ).val() + "',valor : '" + $( "#montoTransferir" ).val() + "',descripcion : '" + descripcion + "' }", dirProductos, 'TransfereciaOtrosBancos', OnErrorCall, OnSuccessCallTransferir );
	    	} );

	    	$( '.cargandoModal' ).dialog( 'close' );
	    	$( ".numericos" ).numeric();
	    }

	    function OnSuccessCallTransferir( response ) {
	    	response = eval( "( " + response.d + " )" );
	    	$( '.cargandoModal' ).dialog( 'close' );
	    	if ( response == 'Success' ) {
	    		loadingMessage( "Traslado realizado con éxito" );
	    		LlamadoAjaxSincrono( "{ idCliente: " + idCliente + " }", dirProductos, 'GetProductosCaptacion', OnErrorCall, function ( response ) {
	    			response = eval( "( " + response.d + " )" );
	    			$( "#idTableCuenta" ).html( "" );
	    			for ( var i = 0; i < response.length; i++ ) {
	    				if ( response[i].IdProducto == 1 || response[i].IdProducto == 2 ) {
	    					$( "#idTableCuenta" ).append( '<tr><td width="30"><div class="RadioButtonContainer"><span class="checkBoxUnChecked"><input type="radio" name="OrigenFondosCuentaAhorros" id="OrigenFondosCuentaAhorros" value="' + response[i].IdProductoCliente + '"/></span></div></td><td><label><strong>' + response[i].NombreProductoCliente + '</strong></label><br /><span class="textGris margenleft-20">Disponible:</span><br /><span class="saldoCuenta textoColor margen5 margenleft-20">$ ' + response[i].Saldo + '</span></td></tr>' );
	    				}
	    			}
	    			$( '.CheckBoxContainer input' ).unbind( 'click' );
	    			$( '.RadioButtonContainer input' ).unbind( 'click' );
	    			$( '.CheckBoxContainer input' ).bind( 'click', CambiarCheckFondo );
	    			$( '.RadioButtonContainer input' ).bind( 'click', CambiarRadioFondo );
	    			$( '#dialogTransferirOtrosBancos' ).dialog( 'close' );
	    		} );
	    	} else {
	    		loadingMessage( "Error: " + response );
	    	}
	    }
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SectionIcon" runat="server">
                    <span class="icono iconoTransferencias48x">
                        &nbsp;
                    </span>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SectionTitle" runat="server">
    Transferencias
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="InfoScreen" runat="server">
    Selecciona el banco para registrar una cuenta en el sistema y activarla para realizar transferencias.
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="MoreInfoScreen" runat="server">
                <a href="#" class="verMasInfo">
                    <span class="fondoAdicional">
                        <span class="estiloTexto">
                            mas información
                        </span>
                    </span>
                </a>
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="SectionOptions" runat="server">
                <ul>
                    <li>
                        <a href="transferenciasCuentas.aspx" class="opcionSeccion">
                            <span class="icono transferencias">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Transferir entre mis cuentas
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="transferenciasBancos.aspx" class="opcionSeccion">
                            <span class="icono transferencias">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Transferir a otras cuentas
                                </span>
                            </span>
                        </a>
                    </li>
                </ul>
</asp:Content>
<asp:Content ID="Content9" ContentPlaceHolderID="TitleSubSectionPanorama" runat="server">
    Transferencias a otros bancos
</asp:Content>
<asp:Content ID="Content10" ContentPlaceHolderID="OpcionesTileHorizontal" runat="server">
</asp:Content>
<asp:Content ID="Content11" ContentPlaceHolderID="MainContent" runat="server">
    <div class="paginaTransferirBancos">
                
                
                	<div id="ContenedorTileHorizontal">
                        <div class="filaHorizontal fila1">
                            <div class="cuadroResumen fila1-item1">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancoideal-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila1-item1"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas <br />BancoIdeal</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila1-item2">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancoavvillas-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila1-item2"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas<br />Banco AV Villas</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila1-item3">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancobb-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila1-item3"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  <br />Banco BBVA</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila1-item4">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancobogota-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila1-item4"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  <br />Banco de Bogotá</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila1-item5">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancocajasocial-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila1-item5"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  Banco Caja Social BCSC</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila1-item6">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancociti-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila1-item6"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  <br />Citybank </h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila1-item7">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancocolmena-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila1-item7"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  <br />Banco Colmena BCSC</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila1-item8">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancocolpatria-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila1-item8"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  <br />Banco Colpatria</h3>
								</div>
                            </div>
                            <br class="clear" />
                        </div>
                        <div class="filaHorizontal fila2">
                            <div class="cuadroResumen fila2-item1">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancodavivienda-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila2-item1"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  <br />Banco Davivienda</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila2-item2">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancohelm-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila2-item2"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  <br />Helm Bank</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila2-item3">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancohsbc-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila2-item3"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  <br />Banco HSBC</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila2-item4">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancolombia-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila2-item4"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  <br />Bancolombia</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila2-item5">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancooccidente-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila2-item5"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  <br />Banco de occidente</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila2-item6">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancopopular-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila2-item6"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  <br />Banco Popular</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila2-item7">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancosantander-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila2-item7"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  <br />Banco Santander</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila2-item8">
                            	<div class="banco BancoTransferirBtn">
                      				<span class="imagenBanco"><span class="icono120px invertido-bancosudameris-120px"></span></span>
                     				<a href="#" class="TransferirBancosBtn" title="Transferir dinero" rel="fila2-item8"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a> 
                     				<h3 class="bancoText">Cuentas  Banco GNB Sudameris</h3>
								</div>
                            </div>
                            <br class="clear" />
                        </div>
                    </div>
                </div>
</asp:Content>
<asp:Content ID="Content12" ContentPlaceHolderID="FooterWebPage" runat="server">
</asp:Content>
<asp:Content ID="Content13" ContentPlaceHolderID="VentanasEmergentes" runat="server">

    <div id="dialogTransferirOtrosBancos" class="dialog" title="Transferir a otras Cuentas">
        <div class="menuTituloForm">
            <h2 class="noMargin noPadding">
            	<span class="floatright">
            		Otros <br />Bancos
            	</span>
           	</h2>
        </div>
        <p>Diligencie los siguientes datos para transferir los fondos.</p>
        <div class="formularioProductos">
        	<table>
                <tr>
                    <td width="40%" align="right" class="labelsModal">Monto a transferir:</td>
                    <td width="60%">$ <input type="text" id="montoTransferir" class="numericos"/></td>
                </tr>
                <tr>
                    <td width="40%" align="right" class="labelsModal">Cuenta destino:</td>
                    <td width="60%"><input type="text" id="cuentaTransferir" class="numericos"/></td>
                </tr>
                <tr>
                    <td valign="middle" align="right" class="labelsModal">
                    	Tipo de cuenta
                    </td>
                    <td valign="middle">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="ActualizarInfoCliente" id="tipoCuentaDestino"/>
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoCliente">Corriente</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="ActualizarInfoCliente" id="tipoCuentaDestino"/>
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoCliente">Ahorros</label></td>
                          </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                	<td width="40%" align="right" class="labelsModal">
                    	Origen de los fondos:
                    </td>
                    <td width="60%">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0" id="idTableCuenta">
                        </table>
                    </td>
                </tr>
                <tr>
                	<td width="40%" align="right" class="labelsModal">
                    	Descripción del movimiento:
                    </td>
                    <td width="60%">
                    	<textarea id="descripcionMovimiento" name="descripcionMovimiento"></textarea>
                    </td>
                </tr>
            </table>
        </div>
        <menu type="toolbar">
            <div class="asistenciaBtn">
                <ul>
                    <li> <a href="solicitarServicios.aspx" title="Tienes dudas?" class="boton_26px"><span class="displayB iconoSoporteProducto"><span class="ocultar">soporte</span></span></a></li>
                </ul>
            </div>
            <div class="controlBtn">
                <ul>
                    <li> <a href="#" title="Transferir" class="boton_26px backgroundVerde" id="btnTransferir"><span class="displayB iconoAceptarVentana"><span class="ocultar">Transferir</span></span></a></li>
                    <li> <a href="#" title="Imprimir" class="boton_26px"><span class="displayB iconoImprimirBtn"><span class="ocultar">Imprimir</span></span></a></li>
                    <li> <a href="#" title="Cancelar" class="boton_26px backgroundRojo"><span class="displayB iconoCancelar"><span class="ocultar">Cancelar Transferencia</span></span></a></li>
                </ul>
            </div>
        </menu>
    </div>

</asp:Content>
